@import 'style/layout.css';
@import 'style/iconfont.css'; 

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}
html,
body {
    background: #ebebeb; 
    font-family: 'Microsoft YaHei',-apple-system-font, Helvetica Neue, Helvetica, sans-serif;
 }

/* ---------------------single CSS----------------------- */
/* display */
.dn{display:none;}
.di{display:inline;}
.db{display:block;}
.dib{display:inline-block;} /* if the element is block level(eg. div, li), using 'inline_any' instead */
/* height */
/* percent height value */
.pch100{height:100%;}
/* width */
/* fixed width value */
.w100{width:100px;}
/* percent width value */
.pcw10{width:10%;}
.pcw15{width:15%;}
.pcw20{width:20%;}
.pcw25{width:25%;}
.pcw30{width:30%;}
.pcw33{width:33.3%;}
.pcw40{width:40%;}
.pcw45{width:45%;}
.pcw50{width:50%;}
.pcw60{width:60%;}
.pcw66{width:66.6%;}
.pcw70{width:70%;}
.pcw75{width:75%;}
.pcw80{width:80%;}
.pcw85{width:85%;}
.pcw90{width:90%;}
.pcw95{width:95%;}
.pcw100{width:100%;}
/* line-height */
.lh0{line-height:0;}
.lh22{line-height:22px;}
.lh24{line-height:24px;}
.lh26{line-height:26px;}
.lh30{line-height:30px;}
/* margin */
.m0{margin:0;}
.mt5{margin-top:8px;}
.mr5{margin-right:8px;}
.mb5{margin-bottom:8px;}
.ml5{margin-left:8px;}
.mt10{margin-top:12px;}
.mr10{margin-right:12px;}
.mb10{margin-bottom:12px;}
.ml10{margin-left:12px;}
.mt20{margin-top:20px;}
.mr20{margin-right:20px;}
.mb20{margin-bottom:20px;}
.ml20{margin-left:20px;}
.mt30{margin-top:30px;}
.mr30{margin-right:30px;}
.ml30{margin-left:30px;}
.mb30{margin-bottom:30px;}
.mt40{margin-top:40px;}
.mr40{margin-right:40px;}
.mb40{margin-bottom:40px;}
.ml40{margin-left:40px;}
/* padding */
.p0{padding:0;}
.pt10{padding-top:12px;}
.pr10{padding-right:12px;}
.pb10{padding-bottom:12px;}
.pl10{padding-left:12px;}
.pt20{padding-top:20px;}
.pr20{padding-right:20px;}
.pb20{padding-bottom:20px;}
.pl20{padding-left:20px;}
.pt30{padding-top:30px;}
.pr30{padding-right:30px;}
.pl30{padding-left:30px;}
.pb30{padding-bottom:30px;}
/* border-radius */
.bdr3{border-radius:3px;}
.bdr5{border-radius:5px;}
.bdr10{border-radius:10px;}
.bdr100{border-radius:100%;}
/* background-color name rule: bg - (key word/Hex color) |-> All colors are safe color */
.bgwhite{background:#fff;}
.bgbrown{background:#b48454;}
.bgbrown:hover{background:#997049;}
.bgblue{background:#27c5c4;}
.bgblue:hover{background:#22abab;}
.bggreen{background:#79b33b;}
.bggreen:hover{background:#679932;}
.bgyellow{background:#e9bc47;}
.bgyellow:hover{background:#cfa63e;}
.bggray{background:#ededed;}
.bggray:hover{background:#e5e5e5;}
/* safe color */
.g0{color:#000;}
.g3{color:#333;}
.g6{color:#666;}
.g80{color:#808080;}
.g9{color:#999;}
.gc{color:#ccc;}
.white{color:#fff;}
.red{color:#ef66b2;}
.green{color:#2ecd71;}
.yellow{color:#fadb80;}
/* font-size */
.f0{font-size:0;}
.f12{font-size:12px;}
.f13{font-size:13px;}
.f14{font-size:14px;}
.f15{font-size:15px;}
.f16{font-size:16px;}
.f17{font-size:17px;}
.f18{font-size:18px;}
.f19{font-size:19px;}
.f20{font-size:20px;}
.f22{font-size:22px;}
/* font-family */
.fa{font-family:Arial;}
.ft{font-family:Tahoma;}
.fv{font-family:Verdana;}
.fs{font-family:Simsun;}
.fw{font-family:'Microsoft Yahei';}
/* font-style */
.n{font-weight:normal; font-style:normal; white-space:normal;}
.b{font-weight:700;}
.i{font-style:italic;}
/* text-align */
.tc{text-align:center;}
.tr{text-align:right;}
.tl{text-align:left;}
.tj{text-align:justify;}
/* text-decoration */
.tdl{text-decoration:underline;}
.tdn,.tdn:hover,.tdn a:hover,a.tdl:hover{text-decoration:none;}
/* letter-spacing */
.lt-1{letter-spacing:-1px;}
.lt0{letter-spacing:0;}
.lt1{letter-spacing:1px;}
/* white-space */
.nowrap{white-space:nowrap;}
/* word-wrap */
.bk{word-wrap:break-word;}
/* vertical-align */
.vm{vertical-align:middle;}
.vtb{vertical-align:text-bottom;}
.vb{vertical-align:bottom;}
.vt{vertical-align:top;}
.v-1{vertical-align:-1px;}
.v-2{vertical-align:-2px;}
.v-3{vertical-align:-3px;}
.v-4{vertical-align:-4px;}
.v-5{vertical-align:-5px;}
.vmm{display:flex; justify-content:center; align-items:center;}
.vml{display:flex; justify-content:left; align-items:center; text-align:left;}
/* float */
.fl{float:left;}
.fr{float:right;}
/* clear */
.cl{clear:both;}
/* position */
.fixed{position:fixed;}
.rel{position:relative;}
.abs{position:absolute;}
.top0{top:0;}
.right0{right:0;}
.bottom0{bottom:0;}
.left0{left:0;}
/*z-index*/
.zx1{z-index:1;}
.zx2{z-index:2;}
.zx3{z-index:3;}
.zx9{z-index:9;}
/* cursor */
.poi{cursor:pointer;}
.def{cursor:default;}
/* overflow */
.ovh{overflow:hidden;}
.ova{overflow:auto;}
.ovhx{overflow-x:hidden;}
.ovhy{overflow-y:hidden;}
/* visibility */
.vh{visibility:hidden;}
.vv{visibility:visible;}
/* opacity */
.opa0{opacity:0; filer:alpha(opacity=0);}
/* zoom */
.z{*zoom:1;}
/* line */
.line_tit{display:-webkit-box; text-overflow:ellipsis; overflow:hidden; -webkit-box-orient:vertical;}
.line1{-webkit-line-clamp:1;}
.line2{-webkit-line-clamp:2;}
.line3{-webkit-line-clamp:3;}

/* ---------------------warn CSS----------------------- */
.warn{top:0; right:0; bottom:0; left:0;} 
.warn:after{content:''; display:inline-block; vertical-align:middle; height:90%;}
.warn_tit{padding:15px 20px; background:rgba(0,0,0,0.5); border-radius:3px; color:#fff; white-space:nowrap;}

/* ------------------- multiply CSS ------------------ */
/* 块状元素水平居中 */
.auto{margin-left:auto; margin-right:auto;}
/* 清除浮动 */
.clearfix{zoom:1;}
.clearfix:after{display:table; content:''; clear:both;}

.loading{display:inline-block; width:20px; height:20px; vertical-align:middle; -webkit-animation:a 1s steps(12) infinite;animation:a 1s steps(12) infinite; background:transparent url() no-repeat;background-size:100%}.weui-loading.weui-loading_transparent{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120' viewBox='0 0 100 100'%3E%3Cpath fill='none' d='M0 0h100v100H0z'/%3E%3Crect xmlns='http://www.w3.org/2000/svg' width='7' height='20' x='46.5' y='40' fill='rgba(255,255,255,.56)' rx='5' ry='5' transform='translate(0 -30)'/%3E%3Crect width='7' height='20' x='46.5' y='40' fill='rgba(255,255,255,.5)' rx='5' ry='5' transform='rotate(30 105.98 65)'/%3E%3Crect width='7' height='20' x='46.5' y='40' fill='rgba(255,255,255,.43)' rx='5' ry='5' transform='rotate(60 75.98 65)'/%3E%3Crect width='7' height='20' x='46.5' y='40' fill='rgba(255,255,255,.38)' rx='5' ry='5' transform='rotate(90 65 65)'/%3E%3Crect width='7' height='20' x='46.5' y='40' fill='rgba(255,255,255,.32)' rx='5' ry='5' transform='rotate(120 58.66 65)'/%3E%3Crect width='7' height='20' x='46.5' y='40' fill='rgba(255,255,255,.28)' rx='5' ry='5' transform='rotate(150 54.02 65)'/%3E%3Crect width='7' height='20' x='46.5' y='40' fill='rgba(255,255,255,.25)' rx='5' ry='5' transform='rotate(180 50 65)'/%3E%3Crect width='7' height='20' x='46.5' y='40' fill='rgba(255,255,255,.2)' rx='5' ry='5' transform='rotate(-150 45.98 65)'/%3E%3Crect width='7' height='20' x='46.5' y='40' fill='rgba(255,255,255,.17)' rx='5' ry='5' transform='rotate(-120 41.34 65)'/%3E%3Crect width='7' height='20' x='46.5' y='40' fill='rgba(255,255,255,.14)' rx='5' ry='5' transform='rotate(-90 35 65)'/%3E%3Crect width='7' height='20' x='46.5' y='40' fill='rgba(255,255,255,.1)' rx='5' ry='5' transform='rotate(-60 24.02 65)'/%3E%3Crect width='7' height='20' x='46.5' y='40' fill='rgba(255,255,255,.03)' rx='5' ry='5' transform='rotate(-30 -5.98 65)'/%3E%3C/svg%3E")}@-webkit-keyframes a{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes a{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}